﻿<UserControl x:Class="FlickrCarousel.ImageInfoPanel"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:FlickrCarousel="clr-namespace:FlickrCarousel">
    <Grid x:Name="LayoutRoot" Background="#333" ShowGridLines="False">
        <Grid.Projection>
            <PlaneProjection RotationY="180" /> <!-- flip this control since it will be on the back of the image -->
        </Grid.Projection>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="130" />
            <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="auto" />
            <RowDefinition Height="*" />
            <RowDefinition Height="auto" />
        </Grid.RowDefinitions>
        <TextBlock x:Name="ImageTitle" 
                   Grid.Column="1" Grid.Row="0"
                   Margin="20,15,20,10"
                   TextWrapping="Wrap"
                   LineHeight="24"
                   FontSize="16"
                   Foreground="#f5f5f5" />
        <Image x:Name="ImageThumbnail"
               Grid.Column="0" Grid.Row="0"
               Grid.RowSpan="2"
               Margin="20,20,0,20"
               HorizontalAlignment="Right" VerticalAlignment="Top"
               Width="120" />
        <FlickrCarousel:HtmlTextBlock x:Name="ImageDescription"
                   Grid.Column="1" Grid.Row="1"
                   Margin="20,0,20,20"
                   TextWrapping="Wrap"
                   Foreground="#f5f5f5"
                   FontSize="12"
                   LineHeight="18"/>
        <HyperlinkButton x:Name="ImageLink"
                         Width="200"
                         IsTabStop="False"
                         Grid.Column="0" Grid.Row="2" Grid.ColumnSpan="2"
                         HorizontalAlignment="Left"
                         Margin="20,0,0,15"
                         Content="View this photo on Flickr"
                         Foreground="#f5f5f5"
                         FontSize="12"/>
    </Grid>
</UserControl>
